@import './constant.less';

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
  font-family: "helvetica neue","Microsoft YaHei",arial,sans-serif;
  font-size: @base-font-size;
  background: #fff;
}
* {
    margin: 0;
    padding: 0
}

a img {
    border: 0
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

::-webkit-input-placeholder {
    font-family: -apple-system-font,Helvetica Neue,sans-serif
}

.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.fr{
  float: right;
}

.common-top{
  height: .91rem;
}
.am-list-item, .am-list .am-list-item.am-textarea-item, .am-textarea-label{
  min-height: .9rem;
  .am-list-line .am-list-content{
    font-size: .34rem;
  }
}
.am-list-footer, .am-list-header{
  font-size: .28rem;
}
.am-navbar{
  border-bottom: 1px solid @border-color;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  height: .91rem;
  .am-navbar-left{
    font-size: .32rem;
  }
  .am-navbar-title{
    font-size: .36rem;
  }
}
.am-tabs-bar .am-tabs-tab{
  line-height: .78rem;
  height: .78rem;
  font-size: .3rem;
}
.am-tab-bar{
  &-bar{
    background: #fff;
    .iconfont{
      font-size: .44rem
    }
  }
  &-tab{
    color: rgb(148, 148, 148);
    a{
      color: rgb(148, 148, 148);
    }
    &-active{
      color: rgb(51, 163, 244);
      a{
        color: rgb(51, 163, 244);
      }
    }
  }
}

.am-tab-bar-bar{
  height: 1rem;
  .am-tab-bar-tab-title{
    font-size: .22rem;
  }
}

.select-list{
  text-align: center;
  .select-item{
    display: inline-block;
    width: 33%;
    vertical-align: top;
    padding: .1rem .2rem;
    box-sizing: border-box;
    p{
      text-align: center;
      height: .6rem;
      line-height: .6rem;
      font-size: .3rem;
      border: 2px solid #03a9f4;
      border-radius: .4rem;
      &.active{
        background: #03a9f4;
        color: #fff;
      }
    }
  }
}

.result .icon {
  width: 1.2rem;
  height: 1.2rem;
}

/*.am-button-primary, .am-button-primary.am-button-active {
  background-color: @primary-color;
  border-color: @primary-color;
}*/

.blank{
  display: block;
  background: #f5f5f9;
}

.fix-top{
  position: fixed;
  top: .3rem;
  left: .3rem;
  color: #fff;
  border-radius: .5rem;
  background: rgba(0,0,0,.5);
  padding: .1rem;
  z-index: 100;
}

.msg-temp{
  /*background: #f5f5f9;*/
  padding: .3rem 0;
  .fr{
    span{
      margin-left: 20px;
    }
  }
  .b-s{
    padding: 0 20px;
  }
  .coverImg{
    display: block;
    width: 100%;
  }
  h3{
    font-size: .34rem;
    line-height: .44rem;
    padding: 0 0 20px;
  }
  .desc{
    padding: 0 0 20px;
    font-size: .25rem;
    color: @font-color;
    img{
      border-radius: .4rem;
      width: .4rem;
      height: .4rem;
      display: inline-block;
      vertical-align: middle;
      margin-right: .15rem;
    }
    .iconfont{
      font-size: .4rem;
      margin-right: .1rem;
      color: #999;
      position: relative;
      top: 2px;
    }
  }
  .con{
    padding: 20px;
    font-size: .28rem;
    line-height: .5rem;
    color: @font-color;
  }
}

.filter{
  font-size: .25rem;
  .am-list-item .am-list-line .am-list-content, .am-list-item .am-list-line .am-list-extra, .am-list-item .am-input-control input{
    font-size: .25rem;
  }
}

.interview-temp{
  .img-box{
    text-align: center;
    padding-top: .3rem;
    .coverImg{
      width: 35%;
      border-radius: 500px;
      display: inline-block;
    }
    .name{
      font-size: .34rem;
    }
    .zhiwei{
      font-size: .24rem;
    }
  }
  .desc-con{
    font-size: .24rem;
    line-height: .5rem;
    color: @font-color;
    padding: .3rem .2rem;
  }
  .am-list-item{
    min-height: 1.2rem;
  }
  .am-list-item img{
    width: 1rem;
    height: 1rem;
  }
  .coverImg{
    display: block;
    width: 100%;
  }
  .b-s{
    padding: .2rem;
    h3{
      font-size: .34rem;
      line-height: .44rem;
      padding: 0 0 20px;
    }
    .desc{
      padding: 0 0 20px;
      font-size: .25rem;
      color: @font-color;
      .red{
        color: @primary-color;
        font-size: .3rem;
      }
    }
  }
  .inter-footer{
    .am-flexbox-item{
      margin-left: 0;
    }
    .btn{
      height: .8rem;
      line-height: .8rem;
      vertical-align: middle;
      text-align: center;
      .am-button-small{
        vertical-align: middle;
      }
    }
    .btn-buy{
      background: @primary-color;
      color: #fff;
      font-size: .3rem;
    }
  }
}

.school-temp{
  .top{
    position: relative;
    .coverImg{
      display: block;
      width: 100%;
    }
    .b-s{
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0,0,0,.3);
      color: #fff;
      font-size: .28rem;
      h3{
        padding: .2rem 0 .2rem 1.4rem;
        position: relative;
        height: 1rem;
      }
      .listImg{
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: .2rem;
        left: .2rem;
      }
      .desc{
        position: absolute;
        right: .2rem;
        top: .3rem;
      }
    }
  }
  .tab-inner .msg{
    padding: .3rem;
    font-size: .3rem;
  }
}

.teacher-temp{
  .img-box{
    text-align: center;
    padding-top: .3rem;
    .coverImg{
      width: 35%;
      border-radius: 500px;
    }
    .name{
      font-size: .34rem;
    }
    .zhiwei{
      font-size: .24rem;
    }
    .helpPeople{
      font-size: .28rem;
      padding: .1rem 0 .2rem;
      span{
        color: @primary-color;
        font-size: .44rem;
      }
    }
  }
  .clearfix{
    padding: .12rem .2rem;
  }
  .pf{
    font-size: .2rem;
    color: @primary-color;
    line-height: 60px;
    i{
      font-style: normal;
      font-size: .32rem;
    }
  }
  .fr{
    font-size: .2rem;
    color: @primary-color;
    i{
      font-style: normal;
      em{
        font-size: .32rem;
        font-style: normal;
      }
    }
    .am-button{
      display: inline-block;
      margin-left: .2rem;
    }
  }
  .con{
    padding: 0 .2rem .2rem;
    font-size: .28rem;
    line-height: .5rem;
    color: #666;
  }
}
